<template>
  <div>
      <Nav/>
      <Main/>
      <Today/>
      <Rank/>
      <Like/>
      <Floor v-for="fl in floor" :key="fl.id" :list="fl"/>
      <Brand/>
  </div>
</template>

<script>
import Main from '@/pages/Home/Main/Main.vue'
import Today from '@/pages/Home/Today/Today.vue'
import Rank from '@/pages/Home/Rank/Rank.vue'
import Like from '@/pages/Home/Like/Like.vue'
import Floor from '@/pages/Home/Floor/Floor.vue'
import Brand from '@/pages/Home/Brand/Brand.vue'

import {mapState} from 'vuex'
export default {
    name:'Home',
    mounted() {
        this.$store.dispatch('home/getfloor');
    },
    computed:{
        ...mapState('home',['floor']),
    },
    components:{
        Main,
        Today,
        Rank,
        Like,
        Floor,
        Brand
    }
}   
</script>

<style scoped lang='less'>

</style>